<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      /**
       * History
       *   对象可以用来操作浏览器向前或向后翻页
       */

      window.onload = function () {
        var btn = document.getElementById("btn01");
        btn.onclick = function () {
          /**
           * length
           *    可以获取到当前访问的链接数量
           */
          //   alert(history.length);

          /**
           * back()
           *    可以用来回退到上一个页面，作用和使用浏览器的回退按钮一样
           *
           */
          //   history.back();

          /**
           * forward()
           *    可以用来回退到下一个页面，作用和使用浏览器的前进按钮一样
           *
           */

          /**
           * go()
           *    可以用来跳转指定页面
           *    需要一个整数作为参数
           *              1：表示向前跳转一个页面
           *              2：表示向前跳转两个页面
           * -            1：表示向后跳转一个页面
           *
           */
          history.go(-2);
        };
      };
    </script>
  </head>
  <body>
    <h1>History</h1>
    <button id="btn01">点</button>
  </body>
</html>
